<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<title>保时捷凌驾风雪</title> 
		<meta http-equiv="pragma" content="no-cache"> 
		<meta http-equiv="cache-control" content="no-cache"> 
		<meta http-equiv="expires" content="0">
		<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" /> 
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  ga('create', 'UA-68777832-1', 'auto');
  ga('send', 'pageview');
</script>
		<link rel="stylesheet" href="css/wap.css?t=TIME" />
		<link rel="stylesheet" href="css/swiper.min.css" />
		<script language="javascript" src="js/jquery.min.js?t=TIME"></script>
		<script language="javascript" src="js/swiper.min.js?t=TIME"></script>
	</head>
	<body>
		<header>
			<span class="bm_btn"></span>
			<h2 onclick="location.href='http://www.porsche.com/china/zh/motorsportandevents/driving-experience/winter/snowforce/ '" ></h2>
		</header>
		<div id="playbox1">
			<div id="playbox_1">
				<div id="pb"></div>
				<img src="image/wap_player_1.jpg?t=TIME" id="pmark" />
			</div> 
		</div>
		<div class="silder">
			<div class="silderbox">
			<div id="slider1" class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						 <img src="image/w_t1.png?t=TIME" />
						 
					</div>
					<div class="swiper-slide">
						 <img src="image/w_t2.png?t=TIME" />
						 
					</div>
					<div class="swiper-slide">
						 <img src="image/w_t3.png?t=TIME" />
						 
					</div>
					<div class="swiper-slide">
						 <img src="image/w_t4.png?t=TIME" />
					</div>
				</div>
			</div> 
			</div>
			<span class="sp sp1 sleft swiper-button-prev swiper-button-prev1"></span>
			<span class="sp sp1 sright swiper-button-next swiper-button-next1"></span>
		</div>
		<div class="phd">
			<img src="image/wap_title.png?t=TIME" />
		</div>
		<div id="ipiclist">
			<div class="hh3">
				<div class="h3 w3 pc" d-id='1' style="background-image: url(image/wp_1.jpg?t=TIME)"></div>
				<div class="h2 w2 pc" d-id='2' style="background-image: url(image/wp_2.jpg?t=TIME)"></div>
				<div class="h1 w1 pc" d-id='3' style="background-image: url(image/wp_3.jpg?t=TIME)"></div>
				<div class="h1 w1 pc" d-id='4' style="background-image: url(image/wp_4.jpg?t=TIME)"></div>
			</div>
			<div class="hh3">
				<div class="h3 w2">
					<div class="h2 w2 pc" d-id='5' style="background-image: url(image/wp_5.jpg?t=TIME)"></div>
					<div class="h1 w1 pc" d-id='6' style="background-image: url(image/wp_6.jpg?t=TIME)"></div>
					<div class="h1 w1 pc" d-id='7' style="background-image: url(image/wp_7.jpg?t=TIME)"></div>
				</div>
				<div class="h3 w3 pc" d-id='8' style="background-image: url(image/wp_8.jpg?t=TIME)"></div>
			</div>
			<div class="hh2">
				<div class="h2 w2 pc" d-id='9' style="background-image: url(image/wp_9.jpg?t=TIME)"></div>
				<div class="h2 w2 pc" d-id='10' style="background-image: url(image/wp_10.jpg?t=TIME)"></div>
				<div class="h1 w1 pc" d-id='11' style="background-image: url(image/wp_11.jpg?t=TIME)"></div>
				<div class="h1 w1 pc" d-id='12' style="background-image: url(image/wp_12.jpg?t=TIME)"></div> 
			</div> 
			<div class="cc"></div>
		</div>
		<div class="cc"></div>
 
		<div id="popbox">
			<!--
			<div id="closeBtn"></div>
			<div id="slider3" class="swiper-container">
				<div class="swiper-wrapper"> 
					<div class="swiper-slide"  style="background-image:url(image/wp_p1.jpg?t=TIME)" ></div>
					<div class="swiper-slide"  style="background-image:url(image/wp_p2.jpg?t=TIME)" ></div>
					<div class="swiper-slide"  style="background-image:url(image/wp_p3.jpg?t=TIME)" ></div>
					<div class="swiper-slide"  style="background-image:url(image/wp_p4.jpg?t=TIME)" ></div>
					<div class="swiper-slide"  style="background-image:url(image/wp_p5.jpg?t=TIME)" ></div>
					<div class="swiper-slide"  style="background-image:url(image/wp_p6.jpg?t=TIME)" ></div>
					<div class="swiper-slide"  style="background-image:url(image/wp_p7.jpg?t=TIME)" ></div>
					<div class="swiper-slide"  style="background-image:url(image/wp_p8.jpg?t=TIME)" ></div>
					<div class="swiper-slide"  style="background-image:url(image/wp_p9.jpg?t=TIME)" ></div>
					<div class="swiper-slide"  style="background-image:url(image/wp_p10.jpg?t=TIME)" ></div>
					<div class="swiper-slide"  style="background-image:url(image/wp_p11.jpg?t=TIME)" ></div>
					<div class="swiper-slide"  style="background-image:url(image/wp_p12.jpg?t=TIME)" ></div>
				</div>
			</div>
			</div>
			<span class="sp sp3 sleft swiper-button-prev3"></span>
			<span class="sp sp3 sright swiper-button-next3"></span>
			-->
		</div>
		
		<div id="reg_div">
			<img src="image/m_reg_bg.png?t=TIME" class="reg_txt" />
			<div class="fm_box">
				<label>姓名:</label>
				<input type="text" id="txt_username" /><br />
				<label>手机:</label>
				<input type="text" id="txt_phone"  /><br />
				<center class="alink"><input value="ty" id="ty" type="checkbox" />我已阅读并了解<a href="havascript:void(0)">隐私政策</a></center>
				<input type="hidden" id="txt_comefrom" value="COMEFROM" />
				<center style="margin-top: 10px;"><img src="image/reg_btn.png" id="sub_btn" /></center>
			</div>
			<div id="closebtn"  >
				<img src="image/close_btn.png?t=TIME" />
			</div>
			
			<img src="image/m_info.png?t=TIME" class="popinfo_info" />
			<a href="tel:4008205911"><img src="image/m_reg_info.png?t=TIME" class="reg_info"  /></a>
		</div>
	</body>
<script language="javascript">
var video1Html = '<iframe name="IP1" id="IP1" frameborder="0" src="http://v.qq.com/iframe/player.html?vid=l016716bbva&tiny=1&auto=1&tm=TIME" allowfullscreen style="width:100%; height:100%"></iframe>';
var playerHtml = '<video id="banner_player"  onClick="ga("send", "event", "button", "click", "vedio_m"");"  style="width: 100%; height: 100%;" class="w" src="video/wap_kv.mp4" poster="image/wap_player_1.jpg?t=TIME" ><source src="video/wap_kv.mp4" type="video/mp4" /></video>';
$(function($){
	
	$('#pb').html(playerHtml);
	
	var player = document.getElementById('banner_player');
	player.addEventListener('play',function(e){ 
	});
	player.addEventListener('pause',function(e){ 
	});
	player.addEventListener('ended',function(e){ 
	});
	/*
	$('#playmark_1 img').on("click",function(){
		if($('#playmark_1').hasClass('hd')){
		    $('#playmark_1').removeClass('hd');
			 setTimeout(function(){
		    	$('#playbox_1').html('');
		    },1000);
		}else{
		    $('#playbox_1').html(video1Html);
		    setTimeout(function(){
		    	$('#playmark_1').removeClass('sw').addClass('hd');
		    },100);
		}
	});
	*/
	
	$('#playbox1').click(function(){ 
		document.getElementById('banner_player').play();
	});
	$('.swiper-slide').width($(window).width());
	var swiper = new Swiper('#slider1',{prevButton:'.swiper-button-prev1',
nextButton:'.swiper-button-next1'});
	var swiper = new Swiper('#slider2',{prevButton:'.swiper-button-prev2',
nextButton:'.swiper-button-next2'});
	
	$('#closeBtn,#popbox').click(function(){
		$('#popbox').fadeOut();
	});
	$('#ipiclist div.pc').click(function(){
		$('#popbox').css('background-image','url(image/wp_p'+$(this).attr('d-id')+'.jpg?t='+Math.random()+')');
		$('#popbox').fadeIn();
		ga('send', 'event', 'button', 'click', 'picture_m');
		/*
		var swiper = new Swiper('#slider3',{prevButton:'.swiper-button-prev3',
nextButton:'.swiper-button-next3'});
		*/
	});
	var DH = parseInt($(window).width()/5/150*97);
	var DW = parseInt($(window).width()/5);
	$('.hh3').height(3*DH);
	$('.h3').height(3*DH);
	$('.h2').height(2*DH);
	$('.h1').height(DH);
	$('.w3').width(3*DW);
	$('.w2').width(2*DW);
	$('.w1').width(DW);
	$('.bm_btn').click(function(){
		$('#pb').html('');
		$('#reg_div').fadeIn();
		ga('send', 'event', 'button', 'click', 'registration_m');
	});
	$('#closebtn').click(function(){
		$('#reg_div').fadeOut();
		$('#pb').html(playerHtml);
	});
	
	
	/* 提交报名信息 */
	$('#sub_btn').click(function(){
		var obj = {
			username:$('#txt_username').val(),
			phone:$('#txt_phone').val(),
			comefrom:$('#txt_comefrom').val()
		}
		if(!$('#ty')[0].checked){
			alert('请先同意隐私政策');
			return false;
		}
		if(obj.username.length<1){
			alert('请输入姓名');
			return false;
		}
		if(obj.phone.length<1){
			alert('请输入手机号');
			return false;
		}
		var myreg = /^1[3|4|5|7|8][0-9]{9}$/; 
		if(!myreg.test(obj.phone)) { 
		    alert('请输入有效的手机号码！'); 
		    return false; 
		}
		ga('send', 'event', 'button', 'click', 'submit_m');
		var url = '/admin.php?c=api&a=save'
		$.post(url,obj,function(res){
			var rs = eval('('+res+')');
			alert(rs.m);
			if(rs.s){
				$('#closebtn').click();
				$('#txt_username').val('');
				$('#txt_phone').val('');
				ga('send', 'event', 'button', 'click', 'submit_success_m');
			} 
		});
	});
	
	
	$('.alink a').click(function(){
		$('.popinfo_info').css('top',$(this).offset().top+$(this).height()-$(window).scrollTop()).slideToggle();
	});
	$('.popinfo_info').click(function(){
		$('.popinfo_info').slideUp();
	});
	
	
});
</script>
</html>